﻿@model IEnumerable<CmsConfigurationItem>

@{
    ViewBag.Title = "Site configuration";
}

<h1 class="g-clear">
	<i class="b-icon b-icon_h b-icon_h_config"></i>
	<span class="b-overflow">
		Configuration
		<span class="b-intro-text">This section allows to change the site configuration parameters. Usually used by the site developers.</span> 
	</span>  
</h1>

@if (Model.Any())
{
<div class="b-masonry">
@foreach (var item in Model)
{
	<div class="b-form b-form_bordered b-form_theme_white">
	    <div class="b-form__head b-form__head_grey">
		    <a href="#" class="b-icon b-icon_expand b-icon_expand_min"></a>
		    <h3 class="b-form__title">@item.Title</h3>
	    </div>
	    <div class="b-form__body">
	 		<a href="@item.ManagementUrl">
                <img alt="@item.Title" src="@item.ImageUrl" />
            </a>
	 		<p>@item.Description</p>
	    </div>
	</div>
}
</div>
}
else
{
    <p>You have no configuration sections</p>
}

@section scriptBlock{
<script>
  $(function(){    
    $('.b-masonry').masonry({
      itemSelector: '.b-form',
      isAnimated: !Modernizr.csstransitions

    });    
  });
</script>
}
